<template>
  <view class="title-header">
    <view class="title-text">
      {{title}}
    </view>
  </view>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: () => '默认标题'
    }
  }
}
</script>

<style lang="scss" scoped>
.title-header {
  display: flex;
  height: 120rpx;
  font-size: 40rpx;
  align-items: center;
  justify-content: center;
  /* padding: 40rpx 0 0 0; */
  font-weight: bold;
  background-image: url(https://s1.ax1x.com/2020/09/16/wccswF.png);
  background-size: cover;
  .title-text {
    background-image: linear-gradient(0deg, #ff8a34, #fbbd12);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
</style>